﻿/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.numberField .ui-corner-tl {
	-moz-border-radius-topleft: 0em;
	-webkit-border-top-left-radius: 0em;
	border-top-left-radius: 0em;
}
.numberField .ui-corner-tr {
	-moz-border-radius-topright: 0em;
	-webkit-border-top-right-radius: 0em;
	border-top-right-radius: 0em;
}
.numberField .ui-corner-bl {
	-moz-border-radius-bottomleft: 0em;
	-webkit-border-bottom-left-radius: 0em;
	border-bottom-left-radius: 0em;
}
.numberField .ui-corner-br {
	-moz-border-radius-bottomright: 0em;
	-webkit-border-bottom-right-radius: 0em;
	border-bottom-right-radius: 0em;
}
.numberField .ui-corner-top {
	-moz-border-radius-topleft: 0em;
	-webkit-border-top-left-radius: 0em;
	border-top-left-radius: 0em;
	-moz-border-radius-topright: 0em;
	-webkit-border-top-right-radius: 0em;
	border-top-right-radius: 0em;
}
.numberField .ui-corner-bottom {
	-moz-border-radius-bottomleft: 0em;
	-webkit-border-bottom-left-radius: 0em;
	border-bottom-left-radius: 0em;
	-moz-border-radius-bottomright: 0em;
	-webkit-border-bottom-right-radius: 0em;
	border-bottom-right-radius: 0em;
}
.numberField .ui-corner-right {
	-moz-border-radius-topright: 0em;
	-webkit-border-top-right-radius: 0em;
	border-top-right-radius: 0em;
	-moz-border-radius-bottomright: 0em;
	-webkit-border-bottom-right-radius: 0em;
	border-bottom-right-radius: 0em;
}
.numberField .ui-corner-left {
	-moz-border-radius-topleft: 0em;
	-webkit-border-top-left-radius: 0em;
	border-top-left-radius: 0em;
	-moz-border-radius-bottomleft: 0em;
	-webkit-border-bottom-left-radius: 0em;
	border-bottom-left-radius: 0em;
}
.numberField .ui-corner-all {
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
	border-radius: 0em;
}
.numberField .ui-corner-none {
	-moz-border-radius: 				   0;
	-webkit-border-radius: 				   0;
	border-radius: 						   0;
}

.numberField .ui-corner-tl .ui-checkbox label {
	-moz-border-radius-topleft: .6em;
	-webkit-border-top-left-radius: .6em;
	border-top-left-radius: .6em;
}
.numberField .ui-corner-tr .ui-checkbox label {
	-moz-border-radius-topright: .6em;
	-webkit-border-top-right-radius: .6em;
	border-top-right-radius: .6em;
}

.numberField div[data-role="controlgroup"]:first-child
{
	margin: 0;
}

.numberField .ui-btn-inner
{ 
	padding: 0.8em 15px !important; 
	overflow: visible !important;
}

.numberField .ui-controlgroup-horizontal .ui-btn, 
.numberField .ui-controlgroup-horizontal .ui-select 
{
	display: block !important;
	text-align: center;
}

.numberField .ui-controlgroup-horizontal .ui-checkbox, 
.numberField .ui-controlgroup-horizontal .ui-radio
{
	float: none !important;
}

.userRows .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {
	padding-right: 0px;
}

.userRows .ui-li-aside 
{
	margin: 0 0;
}

.userRows span[data-number] 
{
	text-align: center;
	margin: 0 1px;
	padding: 1px 0;
	width: 24px;
	float: left;
	border: 1px solid transparent; /*Hack to prevent number from moving when set to active*/
}

.userRows .ui-li-has-count .ui-li-count
{
	right: 25px;
}

.userRows .bestTotal {
	margin-top: 1em;
}

#playButtons .additional + label {
	background: #f7931e;
	border: 1px solid #ccc;
}

.userRows .ui-li-has-count .ui-li-count .additional {
	color: #f7931e;
}

#play .userRows .ui-btn-active.additional {
	background: #f7931e;
	border: 1px solid #ccc;
}

#play .userRows .ui-btn-active,
#play .userRows .ui-btn-active.additional
{
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}

.center { text-align: center; }
.right { text-align: right; }
.floatRight { float: right; }
.floatLeft { float: left; }